// 验证一下根地址是否成功
/* axios.get("/student/list",)
.then(res => {
    console.log(res)
})
.catch(err => {
    console.error(err); 
})
 */
// 1-点击注册切换
// 点击 超链接 实现 登录跟注册标签的切换
// 点击登录表单 - 实现登录功能

// 2-注册
/* 1 - 给注册表单 绑定提交事件 - 阻止默认行为
2 - 获取注册表单中的 数据：用户名和密码
3 - 调用 注册接口
4 - 成功恭喜用户 自动切换登录页面 */

// 3-登录
/* 1 - 给登录表单 绑定提交事件 - 阻止默认行为
2 - 获取用户名和 密码， 发送给后端 响应 token 回来
3- 前端 接收token 使用本地存储 存起来
4- 跳转页面 首页
 */
// 4-首页

/* 1 - 发送请求 获取token 携带参数 发送给后端

有token 后端就响应 正确数据
没有token 后端响应 你没有权限  code = 1 前端接收到后端响应 判断如果没有权限 - 跳转回登录页面！！ 

2- 退出登录功能
1 给退出按钮绑定点击事件
2 弹出一个确认框来询问用户 是否要退出
3 确定退出
  1 清空本地存储的token
  2 跳转回到登录页

*/

// 5-首页菜单
/* 1 一级菜单 点击
1 - 小箭头的旋转
2 - 对应的二级菜单  显示和隐藏

2 二级菜单的点击 */





// 点击 超链接 实现 登录跟注册标签的切换
// 点击登录表单 - 实现登录功能
// 注册盒子
const registerBox = document.querySelector('.register');
const registerA = document.querySelector('.register-a');
// 登录盒子
const loginBox = document.querySelector('.login');
const loginA = document.querySelector('.login-a');
// 点击到登录盒子的A链接的时候，登录盒子隐藏，注册盒子就显示
loginA.addEventListener('click', function (e) {
    loginBox.style.display = "none"
    registerBox.style.display = "block"
})
// 点击到注册盒子的A链接的时候，注册盒子隐藏，登录盒子就显示
registerA.addEventListener('click', function (e) {
    registerBox.style.display = "none"
    loginBox.style.display = "block"
})

// 给注册表单绑定提交事件
registerBox.querySelector('form').addEventListener('submit', function (e) {
    // 阻止默认行为
    e.preventDefault()

    // 使用JQ快速获取表单数据
    const data = $(this).serialize()

    // 发送请求
    axios.post("/api/register", data)
        .then(res => {
            console.log(res)
            // 判断一下是否请求成功   code
            if (res.data.code === 0) {
                // 给一个友情提示
                toastr.success(res.data.message)
                // 再模拟一下用户点击了a链接
                registerA.click()
            }
            // })错误提示就交给拦截器完成--去看拦截器代码
            /*  .catch(err => {
                 console.error(err);
             }) */
        })
})



// 给登录表单绑定提交事件
loginBox.querySelector('form').addEventListener('submit', function (e) {
    // 阻止默认行为
    e.preventDefault()

    // 使用JQ快速获取表单数据
    const data = $(this).serialize()

    axios.post("/api/login", data)
        .then(res => {
            console.log(res)
            // 判断一下是否请求成功   code
            if (res.data.code === 0) {
                //  登录之后先存起来数据
                localStorage.setItem("token", res.data.token)
                // 给一个友情提示 表示成功登录
                toastr.success(res.data.message)
                // 停留一会儿再跳转页面---搭配延时器
                setTimeout(() => {
                    location.href = "./index.html"
                }, 1500);

            }
        })
        // 错误提示这里交给拦截器来完成---去写拦截器代码
       /*  .catch(err => {
            console.error(err);
        }) */
})